/* element */
.el-button--primary {
    background: #38bcd9 !important;
    border-color: #38bcd9 !important;
}

.el-button--primary:focus,
.el-button--primary:hover {
    background-color: #5ec5e7 !important;
    border-color: #5ec5e7 !important;
}

.el-button--success {
    background: #43b786 !important;
    border-color: #43b786 !important;
}

.el-button--success:focus,
.el-button--success:hover {
    background: #57c496 !important;
    border-color: #57c496 !important;
}

.el-table::before {
    height: 0 !important;
}

.el-table__body {
    padding-bottom: 5px;
}

.el-table__body-wrapper::-webkit-scrollbar {
    height: 6px;
    cursor: pointer;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(144, 147, 153, .3);
    border-radius: 15px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: rgba(144, 147, 153, .5);
}

.el-pagination {
    margin: 10px 0 15px;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #43b786 !important;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #43b786 !important;
}

.el-button--mini,
.el-button--mini.is-round {
    padding: 7px 10px !important;
}

.el-form {
    margin-top: 30px;
}

.el-input {
    max-width: 640px;
}

.el-form-item__content {
    margin-left: 115px !important;
}

.el-select-dropdown__wrap {
    max-height: initial !important;
}

.el-message-box {
    margin-bottom: 120px;
}

.el-upload__tip {
    margin-top: 0 !important;
}

.el-upload .el-icon-plus {
    border: 1px dashed #ccc;
    padding: 30px;
    border-radius: 4px;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #38bcd9 !important;
    border-color: #38bcd9 !important;
}

.el-table thead {
    color: #606060 !important;
}

.el-notification {
    z-index: 11000 !important;
}

.el-message {
    z-index: 11000 !important;
}

.el-table .cell {
    max-height: 48px;
}

.el-table .el-image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #43b786 !important;
    background: #43b786 !important;
}

.el-radio__input.is-checked+.el-radio__label {
    color: #43b786 !important;
}

.el-form.expand {
    font-size: 0;
    margin-top: 0;
}

.el-form.expand label {
    width: 90px;
    color: #99a9bf;
}

.el-form.expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 33%;
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 60px !important;
}

.el-form.expand .el-form-item__content {
    margin-left: 0 !important;
}

.el-select {
    max-height: 485px;
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
    color: #43b786 !important;
}

.el-tabs__active-bar {
    background-color: #43b786 !important;
}


/* custom */
#map {
    width: 640px;
    height: 480px;
}

#editor {
    max-width: 1200px;
}

#user .header {
    position: relative;
    height: 40px;
}

#user .header .el-input {
    position: absolute;
    top: 0;
    right: 0;
    width: 450px;
}

.page-title {
    padding-left: 7px;
    border-left: 3px solid #43b786;
}

.i-xls {
    font-size: 36px;
    color: #666 !important;
}

.reupload-file {
    position: absolute;
    top: 9px;
    left: 50px;
}

img.banner {
    width: 400px;
    height: 200px;
    object-fit: cover;
}

img.cover {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

img.photo {
    width: 100px;
    height: 140px;
    object-fit: cover;
}

img.article {
    width: 186px;
    height: 120px;
    object-fit: cover;
}

.reupload {
    position: absolute;
    right: -100px;
    bottom: 14px;
}

.nav-cover {
    border-radius: 4px !important;
}

.el-icon-info {
    margin-left: 10px;
    font-size: 16px;
    cursor: pointer;
    color: #575757;
}

.el-icon-info:focus {
    border: none;
}

.el-upload-list__item img {
    object-fit: cover;
}

.imageList {
    position: relative;
    margin-right: 10px;
    width: 400px;
    overflow: hidden;
}

.imageList img {
    width: 400px;
    height: 200px;
    object-fit: cover;
}

.imageList i.remove {
    width: 23px;
    height: 28px;
    font-size: 20px;
    padding-left: 5px;
    top: -2px;
    right: 0;
    position: absolute;
    color: #fff;
    line-height: initial;
    background: rgba(0, 0, 0, 0.65);
    cursor: pointer;
}

.imageList i.remove:hover {
    color: #fba0a0;
}

.el-card.system .el-card__body {
    display: flex;
    color: #43b786;
}

.el-card.system .el-card__body i {
    color: #43b786;
    margin-right: 7px;
    font-size: 17px;
}